.top {
	height: 374px;
	background-color: #282e3b;
}

.left {
	width: 256px;
	height: 242px;
	margin-top: 58px;
}

.left .font {
	margin-top: 29px;
	font-size: 14px;
	line-height: 24px;
	font-family: "Ubuntu-Light";
	color: #b2bacf;
}

.left .font-bottom {
	margin-top: 26px;
	color: #33b2c5;
}

.same {
	width: 280px;
	height: 310px;
	/* background-color: pink; */
	margin: 38px 0 0 10px;
}

.same .title {
	width: 210px;
	height: 50px;
	margin: 0 0 30px 10px;
	font-size: 23px;
	font-family: "Vollkorn-Regular";
	color: #fff;

}

.title img {
	vertical-align: middle;
}

/* .title .after{
				display: inline-block;
				height: 50px;
			} */
/* .same .title .rec{
				line-height: 50px;
			} */
.recent {
	margin-left: 31px;
}

.tags {
	margin-left: 20px;
}

.right {
	margin-left: 23px;
}

.recent .recent-content {

	width: 275px;
	height: 75px;
	/* background-color: #33b2c5; */
}

.mar-a {
	display: block;
}

.mar-a .pic {
	margin-left: 12px;
	margin-top: 4px;
	width: 60px;
	height: 60px;
}

/* .recent-content>img {
				width: 60px;
				height: 60px;
				margin-left: 12px;
				margin-top: 4px;
			
			} */

.mar-a .content-font {
	width: 193px;
	height: 60px;
	font-size: 14px;
	font-family: "Ubuntu-Light";
}

.content-font {
	display: inline-block;
	width: 193px;
	height: 60px;
	font-size: 14px;
	line-height: 21px;
	font-family: "Ubuntu-Light";
	margin: 0 0 0 10px;
}

.content-date {
	width: 150px;
	height: 14px;
	margin-top: 6px;
	font-size: 12px;
}

.content-date .date-img {
	width: 11px;
	height: 11px;
	margin-right: 8px;
}

.content-date .heart-img {
	width: 13px;
	height: 11px;
	margin: 0 8px 0 12px;
}

.tags .tags-content {
	width: 260px;
	height: 150px;
	margin-left: 10px;
	/* background-color: blue; */
}

.content-link {
	color: #b2bacf;
	font-size: 16px;
	display: inline-block;
	padding: 11px 11px;
	font-family: "Ubuntu-Light";
	background-color: #1c212b;
}

.tags-content .content-link {
	margin: 0 1px 5px 0;
}

.right .right-content {
	width: 270px;
	height: 180px;
	margin-left: 10px;
	/* background-color: yellow; */
}

.right-content a {
	margin: 0 1px 3px 0;
	display: inline-block;
}

.bottom {
	background-color: #171b24;
	height: 75px;
}

.bottom .bottom-font {
	margin-top: 32px;
}

.bottom .links {
	margin-top: 32px;
	font-size: 14px;
	color: #cdd1dd;
}

.bottom .links a {
	margin-left: 25px;
}

.t-top {
	height: 38px;
	background-color: #eff3f4;

}

.t-top .d-left {
	width: 460px;
	height: 16px;
	margin-top: 12px;
	/* background-color: yellow; */
	font-size: 12px;
}

.d-right {
	width: 355px;
	height: 14px;
	margin-top: 12px;
	/* background-color: yellow; */
	font-size: 12px;
}

.t-top .d-left img,
.d-right img {
	vertical-align: middle;
	margin: 0 5px 0 15px;
}

.d-right img {
	float: left;
}

.t-top .d-left img:nth-child(1) {
	margin-left: 0;
}

.t-head {
	height: 127px;
	/* background-color: red; */
}

.t-head .t-font {
	width: 548px;
	height: 14px;
	/* background-color: yellow; */
	margin-top: 60px;
}

.t-font span {
	margin-left: 36px;
}

.t-font span:nth-child(1) {
	margin-left: 0;
}

.head-img {
	width: 98px;
	height: 22px;
	margin-top: 60px;
	/* background-color: yellow; */
}

.t-banner {
	height: 655px;
	background-image: url(../0716周测试/images/0716banner.jpg);
	background-position: center top;
}

.t-nav {
	height: 265px;
	background-color: #6ad6e2;

}

.t-nav .nav-font {
	margin: 61px auto 0;
	width: 1170px;
	height: 64px;
	/* background-color: yellow; */
	font-size: 22px;
	line-height: 32px;
	text-align: center;
	color: #fff;
}

.t-nav .nav-btn {
	width: 235px;
	height: 60px;
	margin: 30px auto 0;
	background-color: #fff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;

}

.nav-btn a {
	color: #1cbdcf;
}

.t-massage {
	height: 420px;
	/* background-color: deeppink; */
}

.mas-item {
	width: 355px;
	height: 115px;
	/* background-color: aqua; */
	margin-top: 70px;
}

.mas-font {
	width: 297px;
	height: 115px;
	margin-left: 53px;
}

.mas-font img {
	margin: 6px 0 9px 0;
}

.mas-font .font {
	font-size: 14px;
}

.t-massage .mar {
	margin-right: 50px;
}

.t-make {
	height: 462px;
	background-color: #505d62;
	overflow: hidden;

}

.t-make .make-img {
	width: 510px;
	height: 82px;
	margin: 61px auto 58px;
	/* background-color: pink; */
}

.t-make .make-font {
	width: 967px;
	height: 85px;
	/* background-color: pink; */
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	color: #fff;
}

.btn-500 {
	width: 500px;
	height: 60px;
	margin: 60px auto 0;
	/* background-color: #1a1762; */
}

.btn-500 div {
	width: 235px;
	height: 60px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	vertical-align: middle;
	font-size: 18px;
}

.btn-500 div:nth-child(1) {
	background-color: #71e0ec;
}

.btn-500 div:nth-child(2) {
	background-color: #ff7979;
}

.t-peo {
	height: 600px;
	/* background-color: deepskyblue; */
}

.t-peo .peo-icon {
	width: 67px;
	height: 57px;
	margin: 71px auto 54px;
	/* background-color: bisque; */
}

.t-peo .peo-font {
	width: 807px;
	height: 184px;
	margin: 54px auto 21px;
	/* background-color: bisque; */
	font-size: 22px;
	line-height: 38px;
	color: #6a7884;
	text-align: center;
}

.t-peo .peo-img {
	width: 925px;
	height: 152px;
	margin: 0 auto;
	/* background-color: bisque; */
}

.peo-img .p-f {
	width: 140px;
	height: 140px;
	/* background-color: #71e0ec; */
	font-size: 15px;
	text-align: center;
}

.p-f+.p-f {
	margin-left: 252px;
}

.t-music {
	height: 354px;
	background-image: url(../0716周测试/images/0716bg.jpg);
}

.t-music .music-item {
	width: 154px;
	height: 228px;
	/* background-color: aqua; */
	margin: 67px 69px 0;

}

/* .music-item+.music-item{
				margin-left: 140px;
			} */
.t-blog {
	height: 734px;
	background-color: #f6f8f9;

}

.t-blog .items {
	width: 1154px;
}

.t-blog .blog-logo {
	width: 250px;
	height: 26px;
	/* background-color: aquamarine; */
	margin: 61px auto 59px;
}

.t-blog .blog-item {
	width: 370px;
	height: 475px;
	/* background-color: antiquewhite; */
}

.blog-item .blog-content {
	width: 370px;
	height: 171px;
}

.font-257 {
	font-size: 14px;
	color: #7b8a97;
	line-height: 24px;
}

.font-257 .time {
	margin: 16px 0 18px 15px;
	width: 125px;
	height: 12px;
	font-size: 12px;
	color: #8c9dac;
}

.font-257 .nam {
	color: #6a7884;
	font-size: 23px;
	line-height: 34px;
	margin: 0 0 10px 14px;
}

.font-257 .proin {
	margin-left: 14px;
}

.font-257 p {
	margin-top: 6px;
	margin-left: 14px;
	margin-bottom: 10px;

}

.font-257 p a {
	color: #46b7c7;
}

.time .green {
	color: #46b7c7;
}

.blog-item+.blog-item {
	margin-left: 22px;
}

.blog-item .item-bot {
	background-color: #ebeef0;
	height: 45px;
	line-height: 45px;
}

.item-bot img {
	margin-left: 23px;
	margin-right: 6px;
	vertical-align: middle;
}

.item-bot img:nth-child(1) {
	margin-left: 15px;
}

.blog-click {
	width: 108px;
	height: 57px;
	margin: 21px auto 0;
}

.cl-left,
.cl-right {
	width: 49px;
	height: 57px;
}
